<!-- @format -->

<script setup>
	import { ref } from 'vue'

	const msg = ref('Hello Vue3+Vite')

	const url = ref('http://www.baidu.com')

	const imgUrl = ref(
		'https://www.trjcn.com/upfile/investors/20190325/thumb_1553507210.7143.jpg'
	)
</script>
<template>
	<!-- 不简写 -->
	<div v-bind:title="msg">
		{{ msg }}
	</div>

	<!-- 简写 -->
	<div :title="msg">
		{{ msg }}
	</div>

	<!-- 加了冒号的绑定的才是表达式 -->
	<a :href="url">百度一下</a>
	<!-- 不加冒号 是写死的 -->
	<a href="url">百度一下</a>

	<img
		:src="imgUrl"
		alt="" />
</template>

<style scoped></style>
